<template>
	<gracePage headerBG="#F4F4F4" class="main-bodybg-color" :bounding="false">
		<view slot="gHeader">
			<view class="grace-header-body grace-relative main-bodybg-color">
				<text class="grace-header-icons your-icon iconxiangzuo font-size-34" style="" @tap="appFn.navigateBackFn"></text>
				<!-- 中间内容 -->
				<view class="grace-header-content-noflex py-1-5 px-3 text-center"><text class="grace-h4 font-size-36 text-center" style="font-size:36rpx;">消息中心</text></view>
				<!-- 消息按钮 -->
				<view class="grace-header-icons font-size-24 "></view>
			</view>
		</view>
		<view slot="gBody" class="my-3">
			<navigator url="/pages/message/service/service" hover-class="navigator-hover">
				<view class="grace-bg-white">
					<view class="grace-list-items px-3">
						<view class="grace-list-image grace-relative border-radius-0">
							<image class="grace-list-image border-radius-0" src="/static/images/service.png" mode="widthFix"></image>
						</view>
						<view class="grace-list-body grace-space-between grace-flex">
							<view class="">
								<view class="grace-list-title"><text class="grace-list-title-text">在线客服</text></view>
								<view class="grace-list-body-desc">查看与客服的沟通记录</view>
							</view>
							<view class="grace-flex grace-flex-vcenter"><!-- <view class="grace-badge grace-bg-red">8</view> --></view>
						</view>
						<text class="grace-list-arrow-right grace-icons icon-arrow-right"></text>
					</view>
				</view>
			</navigator>
		</view>
	</gracePage>
</template>
<script>
import gracePage from '@/graceUI/components/gracePage.vue';

export default {
	data() {
		return {};
	},

	onLoad: function() {},
	methods: {},
	components: { gracePage }
};
</script>
<style scoped>
.border-radius-0 {
	border-radius: 0rpx;
}
</style>
